﻿<script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"/></script>
<script type="text/javascript">
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 4000
});
});
</script>
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-07.js" type="text/javascript"></script>
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style type="text/css">
#s3slider {
background:#000000;
border:1px solid #818e8f;
width: 550px;
height: 200px;
position: relative;
overflow: hidden;
}
#s3sliderContent {
width: 550px;
position: absolute;
top:-14px;
padding: 0px;
margin-left: 0;
}
.s3sliderImage {
float: left;
position: relative;
display: none;
}
.s3sliderImage span {
position: absolute;
left: 0;
font: 20px Trebuchet MS, sans-serif;
padding: 10px 0px;
width: 550px;
background-color: #000;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
color: #fff;
display: none;
bottom: 0;
text-align:center;
}
.clear {
clear: both;
}
</style>


<h3>» Smooth Jquery Featured Post Slideshow For Blogger</h3>



<div id="s3slider">
<ul id="s3sliderContent">

<li class="s3sliderImage"><a href="http://24work.blogspot.com/2012/01/how-to-change-mouse-cursor-in-blogger.html" target="_blank"><img style="width:550px;height:200px;" src="http://2.bp.blogspot.com/-azoKF6_3fhU/UaTuRHde9NI/AAAAAAAAA8M/vF6OcIQc3hE/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" /><span>How to change mouse cursor in blogger blog to animated cursors</span></a></li>

<li class="s3sliderImage"><a href="http://24work.blogspot.com/2012/01/numbered-page-navigation-for-blogger.html" target="_blank"><img style="width:550px;height:200px;" src="http://2.bp.blogspot.com/-V-4vi2ceN0Y/UaTuhGgYQOI/AAAAAAAAA8U/LgzPK0u3VAI/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" /><span>Numbered Page Navigation For Blogger New Script</span></a></li>

<li class="s3sliderImage"><a href="http://24work.blogspot.com/2011/12/how-to-add-snow-effect-on-blogger-mouse.html" target="_blank"><img style="width:550px;height:200px;" src="http://4.bp.blogspot.com/-c42bW8xsLxs/UaTuysrRdkI/AAAAAAAAA8c/-iZCrhMdHNU/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" /><span>How To Add Snow Effect On The Blogger Mouse Cursor Area</span></a></li>

<li class="s3sliderImage"><a href="http://24work.blogspot.com/2012/01/falling-objects-falling-text-marquee.html" target="_blank"><img style="width:550px;height:200px;" src="http://1.bp.blogspot.com/-SzWJWjT5ftk/UaTvGPWvsuI/AAAAAAAAA8k/SBmuS9jDNCk/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" /><span>Falling Objects / Falling Text / Marquee Scrolling Text Generator for Blogger</span></a></li>

<li class="s3sliderImage"><a href="http://24work.blogspot.com/2011/12/how-to-add-animated-flash-clock-to-your.html" target="_blank"><img style="width:550px;height:200px;" src="http://3.bp.blogspot.com/-DiqM9hXsWe8/UaTvVA2RzwI/AAAAAAAAA8s/vV2ZbqPxtEA/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" /><span>How To Add Animated Flash Clock To Your Blogger Blog</span></a></li>

<li class="s3sliderImage"></li>
</ul>
</div>

<div class="clear"></div>
</div>